<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script type="text/javascript">
        /**
         * HTML5中，每一个html的window对象中都有localStorage和sessionStorage对象属性
         * localStorage和sessionStorage的区别：
         *  1）sessionStorage的生命周期是跟随页面会话的，也就是浏览器关闭，就丢失sessionStorage
         *  2）localStorage是存储到浏览器端本地磁盘文件中，永久保存，除非调用API删除了数据；
         * 相同点：
         *  1）添加数据：setItem(Stirng key, String value)
         *  2）获取数据：getItem(String key)
         *  3）删除数据：removeItem(String key)
         *
         */
        localStorage.setItem("username","admin");


    </script>
</body>
</html>